﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<title>GrayMatter - Contact</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
	<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" /><![endif]-->

	<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css" /><![endif]-->

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
	<script type="text/javascript" src="js/pikachoose.js"></script>
	<script type="text/javascript">
		<!--
		$(document).ready(function(){
			$("#pikame").PikaChoose();
		});
		-->
	</script>
</head>
<body>
<div id="titleheader_bg">
<a class="logo" href="index.html" title="Home"></a>
</div>

<div class="navback">
<div id="navigation">
		<ul>
			<li><a href="index.html" title="Home">Home</a></li>
			<li><a href="aboutus.htm" title="About Us">About Us</a></li>
			<li><a href="portfolio.htm" title="Portfolio">Portfolio</a></li>
			<li><a href="services.htm" title="Services">Services</a></li>
			<li><a href="contact.htm" title="Contact Us">Contact Us</a></li>
		</ul>
		<div class="search">
			<form name="search" method="post" action="">

				<input id="s" type="text" name="search" />
				<input type="submit" id="search_btn" value="Search"/>
			</form>
		</div>
	</div>
	</div>

<div id="container">
<div id="content_container">
		<div id="content">
			<h1>Contact Us</h1>

			<hr />
			<div class="contact_form">
				<form id="form1" name="form1" method="post" action="send.php">

					<label>Name
						<span class="small">Add your name</span>
					</label>
					<input type="text" name="Name" />
												
					<label>Email
						<span class="small">Add a valid address</span>

					</label>
					<input type="text" name="Email" />
										
					<label>Message
						<span class="small">Communicate with us</span>
					</label>
					<textarea name="Message" cols="0" rows="7"></textarea>
										
					<button type="submit" name="submit" value="Submit">Send Message</button>
				</form>

			</div>		
		</div>
		<div id="sidebar">
			<div class="sidebar_section">
				<div class="sidebar_title">
					<h4>Affiliates</h4>
					<small>Subtitle w/ Information</small>
				</div>

				<ul class="ads clearfix">
						<li><a href="http://themeforest.net?ref=jdsans" title="ThemeForest"><img src="images/affiliates/themeforest.jpg" alt="ThemeForest" /></a></li>
						<li><a href="http://graphicriver.net?ref=jdsans" title="GraphicRiver"><img src="images/affiliates/graphicriver.jpg" alt="Graphic River" /></a></li>
						<li><a href="http://videohive.net?ref=jdsans" title="VideoHive"><img src="images/affiliates/videohive.jpg" alt="VideoHive" /></a></li>
						<li><a href="http://flashden.net?ref=jdsans" title="FlashDen"><img src="images/affiliates/flashden.jpg" alt="FlashDen" /></a></li>
				</ul>
			</div>
			<div class="sidebar_section" style="border-bottom: 0;">
				<div class="sidebar_title">
					<h4>Contact Us</h4>
					<small>Subtitle w/ Information</small>
				</div>

				<div class="left_column">Email:</div><div class="right_column">example@example.com</div>
				<div class="left_column">Phone:</div><div class="right_column">123 - 456 - 7890</div>
				<div class="left_column">Address:</div><div class="right_column">1234 Make Believe<br />New York, NY 50210<br /> United States of America</div>
				<br style="clear: both;" />

				<div class="sidebar_link"><a href="contact.htm" title="Contact Us">View Our Contact Page</a></div>
			</div>
		</div>
		<div class="spacer"></div>
	</div></div>

<div id="footer">
	&copy; Copyright 2009 GrayMatter - Magazine &amp; Portfolio.  All Rights Reserved.
</div>

</body>
</html>
